@charset "UTF-8";
@import "../common/scss/mobile";
@import "../common/scss/variable";
@import "../common/scss/mixins";
@import "../common/scss/lotterys";
@import "../common/scss/layer";
body,html{height:100%;}
body{
    background:#f7f7f7;
    position: relative;
    overflow: hidden;
	&>a{
		display: none;
		visibility: hidden;
	}
}
//javascript css html  
.inform{
    width: 100%;
    overflow: hidden;
    background: #f8f8f8;
	padding-top: 5rem;
	p{
	    width: 100%;
		height: 1.7rem;
		line-height: 1.7rem;
		color:#353535;
	    text-align: center;
		font-size: 1.7rem;
		margin-bottom: 2rem;
	}
	.formBox {
	    width: 100%;
	    padding:2rem 2.75rem 4rem;
	    margin: auto;
	    box-sizing: border-box;
	    background: #f8f8f8;
    	.form-group {
    	    position: relative;
    	    width: 100%;
    	    height: 3.4rem;
    	    line-height: 3.4rem;
        	.input-item{
        	   display:block;
        	   width:100%;	 
        	   height:3.4rem;
        	   background: #fff;
        	   line-height:3.4rem;
        	   padding: 0.25rem;
        	   margin: 0;
        	   color:#333;	
        	   border: none;
        	   border-radius: 0;
          	   text-indent:1rem;
        	   font-size:1.4rem;
        	}
        	.mbg, .idbg{
        	    position: absolute;
        	    width: 2.5rem;
        	    height: 3.4rem;
        	    right: 0;
        	    top: 0.25rem;
        	}
        	.mbg {
        	    background:#fff url('/images/youban/mobile.png') no-repeat center; 
        	    background-size: 1.15rem 1.8rem;   
        	}
        	.idbg {
        	    background:#fff url('/images/youban/idcard.png') no-repeat center;
        	    background-size: 1.65rem 1.5rem; 
        	}
        	@include placeholder(#333,1.4rem);
    	}
    	.mobileCheck {
    	    margin-bottom: 1.5rem;
    	}
	}
	
//	.form-group,.form-btn{
//	   padding:0 2.8rem;
//	}
//	.form-group{
//		padding-bottom:0.8rem;
//	}
    .form-btn{
        width: 100%;
        height: 3.75rem;
        padding: 0 2.75rem;
		box-sizing: border-box;	
        button {
            width: 100%;
            height: 3.75rem;
            background: #3aca38;
    		text-align:center;
    		font-size: 1.5rem;
    		color: #fff;
    		border: 0;
    		border-radius: 0.25rem;	
        }
	}
	
}
.success-btn{
	button{
		border:0;
		@include mix-button();
		background-color: transparent;
		font-size:1.2rem;
		color:#831c00;
	}
}

.success-btn button {
    margin-top: 3rem;
}
.redeem-success{
	text-align:center;
	position:relative;
	i{
	  position:absolute;
	}
	.icon-left{
		left:0;
		top:0;
		@include mix-left();
	}
	.icon-right{
		right:0;
		top:0;

		@include mix-right();
	}
	.icon-exchanged{
		left:50%;
		top:8rem;
		margin-left:-9.2rem;
		@include mix-exchange();
	}
	.success-text{
		padding-top:3.6rem;
		color:#6f1800;
		font-size:2rem;
		height:13.4rem;
	}
	 
}
